<template>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="name"
      label="作者"
      width="180">
    </el-table-column>
    <el-table-column
      prop="song"
      label="歌曲">
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
  </el-table>
</template>

<script>
export default{
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '周杰伦',
        song: '七里香'
      }, {
        date: '2016-05-04',
        name: '周杰伦',
        song: '晴天'
      }, {
        date: '2016-05-01',
        name: '李玖哲',
        song: '夏天'
      }, {
        date: '2016-05-03',
        name: '陈奕迅',
        song: '阴天快乐'
      }],
    }
  }
}
</script>